<%#
    # videosLine : 视频数据类对象行
    #   video : 视频数据类对象
    #       *.img   : 视频封面图
    #       *.link  : 视频链接
    #       *.title : 视频标题
    #       *.author: 视频作者
    #       *.videoType : 视频标签
    #       *.videoTime : 视频时长
    #       *.likeVolue : 视频点赞量
    #       *.authorImg : 视频作者头像
    #       *.recommend : 推荐类型，例如热点，直播等
    #       *.watchVolue: 视频播放量
    #       *.watchPeople   : 视频观看人数（正在观看）
    #       *.introduction  : 视频简介
    # type : 视频数据对象类行类型
    #   * = "default"   : 默认
    #   * = "special"   : 特殊，将标题和作者信息集成于视频栏
    #   * = "image"     : 图像，附加作者头像与简介信息
#%>
<ul class="videosLineBox">
    <% videosLine.forEach(function (video) { %>
        <li>
            <!--        视频栏        -->
            <div class="videoBar">
                <!--        视频盒        -->
                <div class="videoBox">
                    <a href="<%= video.link %>">
                        <img alt="<%= video.title %>" src="/images/<%= video.img %>">
                        <!--       视频盒组件       -->
                        <% if (type == "special") { %>
                            <div class="specialVideoModel">
                                <h5><%= video.title %></h5>
                                <p>
                                    <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                                    <%= video.author %>
                                </p>
                                <p><%= video.watchVolue %>播放</p>
                            </div>

                        <% } else if (type == "default") { %>
                            <div class="defaultVideoModel">
                                <span>
                                    <i class="fa fa-eye" aria-hidden="true"></i>
                                    <%= video.watchVolue %>
                                </span>

                                <span>
                                    <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                    <%= video.likeVolue %>
                                </span>

                                <span>
                                    <i class="fa fa-clock-o" aria-hidden="true"></i>
                                    <%= video.videoTime %>
                                </span>
                            </div>

                        <% } else if (type == "image") { %>
                            <div class="imageVideoModel">
                                <span>
                                    <i class="fa fa-users" aria-hidden="true"></i>
                                    <%= video.watchPeople %>
                                </span>
                            </div>
                        <% } %>
                    </a>

                    <% if (type != "image") { %>
                        <div class="seeLaterModel clearfix">
                            <i class="fa fa-clock-o" aria-hidden="true"></i>
                            <p>稍后再康</p>
                        </div>
                    <% } %>

                    <% if (type != "special") { %>
                        <a href="<%= video.link %>" class="seeNowModel clearfix">
                            <i class="fa fa-eye" aria-hidden="true"></i>
                            <span>让我康康</span>
                        </a>
                    <% } %>
                </div>
            </div>
            <!--       视频底部信息栏       -->
            <% if (type != "special") { %>
                <a href="<%= video.link %>" class="videoDataBar">
                    <% if (type == "default") { %>
                        <div class="defaultObjectData">
                            <p>
                                <% if (video.recommend != "") { %>
                                    <%= video.recommend + video.title %>
                                <% } else { %>
                                    <%= video.title %>
                                <% } %>
                            </p>
                        </div>

                    <% } else if (type == "image") { %>
                        <div class="imageObjectData">
                            <img class="col-xl-2 col-3" alt="<%= video.author %>" src="/images/<%= video.authorImg %>">
                            <div class="col-xl-10 col-9">
                                <h6><%= video.author %></h6>
                                <p><%= video.introduction %></p>
                                <small><%= video.videoType %></small>
                            </div>
                        </div>
                    <% } %>
                </a>
            <% } %>
        </li>
    <% }) %>
</ul>